<!--
  Generated template for the ShowpdfPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->


<ion-header>
  <ion-navbar >
    <ion-buttons left>
      <button ion-button (click)="goBack()">
        <ion-icon class="customIcon" name="arrow-back"></ion-icon>
      </button>
    </ion-buttons>
    <ion-title>
      附件预览
    </ion-title>
  </ion-navbar>
</ion-header>
<ion-content padding>
  <pdf-viewer [src]="displayData"
              [show-all]="true"
              [original-size]="false"
              [zoom]=scale
              [render-text]="false"
              [autoresize]="true"
              (on-progress)="progress($event)"
              (after-load-complete)="afterLoad($event)"
              style="display: block" >
  </pdf-viewer>
  <div class="scale">
      <div (click)="scaleHandler('add')">+</div>
      <div>{{scaleVal}}%</div>
      <div (click)="scaleHandler('reduce')">-</div>
  </div>
</ion-content>
